<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
    <script src="https://static.yxuer.com/MathJax-3.0.5/es5/tex-mml-chtml.js"></script>
</head>
<body>
    <div id="box"> 数学公式 
       
        <span class="contentSpan">
            曲率是描述曲线在某一点的弯曲程度的量度。对于平面曲线，曲率 \\( \\kappa \\) 的公式为：\n\n\\[ \\kappa = \\frac{|y''|}{(1 + (y')^2)^{3/2}} \\]\n\n其中：\n- \\( y' \\) 是曲线的导数，表示曲线的斜率。\n- \\( y'' \\) 是曲线的二阶导数，表示曲线斜率的变化率。\n\n这个公式适用于参数方程形式的曲线。对于参数方程 \\( \\mathbf{r}(t) = (x(t), y(t)) \\)，曲率的公式为：\n\n\\[ \\kappa = \\frac{|x'y'' - y'x''|}{(x'^2 + y'^2)^{3/2}} \\]\n\n其中：\n- \\( x' \\) 和 \\( y' \\) 是对参数 \\( t \\) 的一阶导数。\n- \\( x'' \\) 和 \\( y'' \\) 是对参数 \\( t \\) 的二阶导数。\n\n"
        </span>
    </div>

    <script>
        console.log(MathJax)
       
          let box = document.getElementById('box')
          let contentSpan = document.querySelector('.contentSpan')
          let content = ''
          let count = 0
          let str = `曲率是描述曲线在某一点的弯曲程度的量度。对于平面曲线，曲率 \\( \\kappa \\) 的公式为：\n\n\\[ \\kappa = \\frac{|y''|}{(1 + (y')^2)^{3/2}} \\]\n\n其中：\n- \\( y' \\) 是曲线的导数，表示曲线的斜率。\n- \\( y'' \\) 是曲线的二阶导数，表示曲线斜率的变化率。\n\n这个公式适用于参数方程形式的曲线。对于参数方程 \\( \\mathbf{r}(t) = (x(t), y(t)) \\)，曲率的公式为：\n\n\\[ \\kappa = \\frac{|x'y'' - y'x''|}{(x'^2 + y'^2)^{3/2}} \\]\n\n其中：\n- \\( x' \\) 和 \\( y' \\) 是对参数 \\( t \\) 的一阶导数。\n- \\( x'' \\) 和 \\( y'' \\) 是对参数 \\( t \\) 的二阶导数。\n\n"`
          let arr = str.split('')
          
          
        /* setTimeout(()=>{
            init()
         },500)
         */
         //renderContent()

          function renderContent() {
            setTimeout(()=> {
                contentSpan.innerHTML = str
                window.MathJax.typesetPromise()
            },2000)
          } 
        
         
         
          function init() {
            setTimeout(()=> {
              let chart = arr.shift()
              content+=chart
              contentSpan.innerHTML = content
              window.MathJax.typesetPromise()
              if(arr.length) init()
            },30)
            //window.MathJax.Hub.Queue(["Typeset", window.MathJax.Hub,document.getElementById('box')])
            
            
         }




    </script>
    
</body>
</html>